/* eslint-disable */
/**
 * Created by GYL on 2018/8/24
 */
import React, { Component } from 'react';
import { Tabs } from 'antd';
import styles from './Approval.less';
const TabPane = Tabs.TabPane;
import Tab1 from './tab/Tab1.js';
import Tab2 from './tab/Tab2.js';
import Tab3 from './tab/Tab3.js';
import Tab4 from './tab/Tab4.js';
import Tab5 from './tab/Tab5.js';
class Approval extends Component {

    constructor(props) {
        super(props)

    }



    state = {

    };



    render() {
        let t = this
        let width = document.body.clientWidth;
        const height = document.body.clientHeight;
        let containerHeight = '76vh';
        let tableHeight = 310;
        if (width > 1367) {
            tableHeight = 380;
            containerHeight = '79vh';
        }

        return (

            <div className={styles.box}>

                <Tabs defaultActiveKey="1" size="small" >
                    <TabPane tab="待我审批" key="1" >

                      <Tab1/>
                    </TabPane>
                    <TabPane tab="我已审批" key="2">
                    <Tab2/>

                    </TabPane>
                    <TabPane tab="我发起的" key="3">
                    <Tab3/>

                    </TabPane>
                    <TabPane tab="抄送我的" key="4">
                    <Tab4/>

                    </TabPane>
                    <TabPane tab="系统提醒" key="5">
                    <Tab5/>

                    </TabPane>


                </Tabs>
            </div>
        );


    }
}
export default Approval;

